<!DOCTYPE HTML>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>Welcome to Pwnography!</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css"
	href="../../css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" />
<link rel="stylesheet" type="text/css"
	href="../../css/bootstrap-responsive.min.css"
	th:href="@{/css/bootstrap-responsive.min.css}" />
<!-- DataTable CSS -->
<link rel="stylesheet" type="text/css"
	href="../../css/datatable-bootstrap.css"
	th:href="@{/css/datatable-bootstrap.css}" />

<!-- This style is needed for top navigation bar. It needs some space. Otherwise it would cover body. -->
<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}

.sidebar-nav {
	padding: 9px 0;
}
</style>
</head>

<body>
	<!-- Fragments: -->
	<!-- 	- "top-menu" -->
	<!-- 	- "message-boxes" -->
	<!-- 	- "data-box" -->

	<!-- TOP MENU -->
	<div class="navbar navbar-fixed-top" th:fragment="top-menu">
		<div class="navbar-inner">
			<div class="container-fluid">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="welcome.html" th:href="@{/welcome}">Pwnography</a>
				<div class="nav-collapse">
					<ul class="nav">
						<li><a href="welcome.html" th:href="@{/welcome}">Wczytaj
								pliki</a></li>
						<li><a href="filelist.html" th:href="@{/files/list}">Lista
								plików</a></li>

						<!-- FILE MENU (DROPDOWN) -->
						<li id="fileMenu" class="dropdown"
							th:if="${beans.fileList.activeFile}"><a
							class="dropdown-toggle" data-toggle="dropdown" href="#fileMenu">
								Aktywny plik '<span
								th:text="${beans.fileList.activeFile.fileName}">BRAK</span>' <b
								class="caret"> </b>
						</a>
							<ul class="dropdown-menu">
								<li class="nav-header">Aktywna rewizja: <span
									th:text="${beans.fileList.activeFile.currentRevision}">BRAK</span>
								</li>
								<li><a href="file/history.html"
									th:href="@{'/data/' + ${beans.fileList.activeFileId} + '/revision/-1'}">
										<i class="icon-list-alt icon-white"></i> Wyświetl dane
								</a></li>
								<li><a href="file/history.html"
									th:href="@{'/files/history/' + ${beans.fileList.activeFileId}}">
										<i class="icon-th-list icon-white"></i> Historia zmian
								</a></li>
								<li class="divider"></li>
								<li><a href="file/download.html"
									th:href="@{'/files/download/' + ${beans.fileList.activeFileId} + '/revision/-1'}">
										<i class="icon-download-alt icon-white"></i> Pobierz plik
								</a></li>
							</ul></li>

						<!-- MODULES (DROPDOWN) -->
						<li id="moduleMenu1" class="dropdown"
							th:if="${beans.fileList.activeFile}"><a
							class="dropdown-toggle" data-toggle="dropdown"
							href="#moduleMenu1"> Zadanie 1 <b class="caret"> </b>
						</a>
							<ul class="dropdown-menu">
								<li class="nav-header">Dyskretyzacja</li>
								<li><a href="module/discretization/equalsize.html"
									th:href="@{'/module/discretization/equalsize'}">Przedziały
										równej długości</a></li>
								<li><a href="module/discretization/largestclass.html"
									th:href="@{'/module/discretization/largestclass'}">Preferowanie
										najliczniejszych klas</a></li>
								<li class="divider"></li>
								<li class="nav-header">Standaryzacja</li>
								<li><a href="module/standarization/normalization.html"
									th:href="@{'/module/standarization/normalization'}">Normalizacja</a></li>
								<li><a href="module/standarization/minmax.html"
									th:href="@{'/module/standarization/minmax'}">Przedział
										min-max</a></li>
								<li class="divider"></li>
								<li class="nav-header">Wykrywanie obserwacji odstających</li>
								<li><a
									href="module/outlierdetection/standarddeviation.html"
									th:href="@{'/module/outlierdetection/standarddeviation'}">3x
										odchylenie standardowe</a></li>
								<li><a href="module/outlierdetection/percentage.html"
									th:href="@{'/module/outlierdetection/percentage'}">Określony
										procent najmniejszych i największych wartości</a></li>
							</ul></li>

						<!-- MODULES (DROPDOWN) -->
						<li id="moduleMenu2" class="dropdown"
							th:if="${beans.fileList.activeFile}"><a
							class="dropdown-toggle" data-toggle="dropdown"
							href="#moduleMenu2"> Zadanie 2 <b class="caret"> </b>
						</a>
							<ul class="dropdown-menu">
								<li class="nav-header">k-NN (2 atrybuty)</li>
								<li><a href="module/knn/classification.html"
									th:href="@{'/module/knn/classification'}">Klasyfikacja</a></li>
								<li><a href="module/knn/assessmentquality.html"
									th:href="@{'/module/knn/assessmentquality'}">Ocena jakości
										klasyfikacji</a></li>
								<li class="divider"></li>
								<li class="nav-header">k-NN (wszystkie atrybuty)</li>
								<li><a href="module/knn/all/classification.html"
									th:href="@{'/module/knn/all/classification'}">Klasyfikacja</a></li>
								<li><a href="module/knn/all/assessmentquality.html"
									th:href="@{'/module/knn/all/assessmentquality'}">Ocena
										jakości klasyfikacji</a></li>
							</ul></li>

						<!-- MODULES (DROPDOWN) -->
						<li id="moduleMenu3" class="dropdown"
							th:if="${beans.fileList.activeFile}"><a
							class="dropdown-toggle" data-toggle="dropdown"
							href="#moduleMenu3"> Zadanie 3 <b class="caret"> </b>
						</a>
							<ul class="dropdown-menu">
								<li class="nav-header">Grupowanie</li>
								<li><a href="module/kmeans/clustering.html"
									th:href="@{'/module/kmeans/clustering'}">Algorytm
										k-średnich</a></li>
							</ul></li>

						<!-- MODULES (DROPDOWN) -->
						<li id="moduleMenu4" class="dropdown"
							th:if="${beans.fileList.activeFile}"><a
							class="dropdown-toggle" data-toggle="dropdown"
							href="#moduleMenu4"> Zadanie 4 <b class="caret"> </b>
						</a>
							<ul class="dropdown-menu">
								<li class="nav-header">Drzewa decyzyjne</li>
								<li><a href="module/dt/assessmentquality.html"
									th:href="@{'/module/dt/assessmentquality'}">Wersja na
										bibliotece QuickDT</a></li>
								<li><a href="module/dt/assessmentquality.html"
									th:href="@{'/module/dt/custom/assessmentquality'}">Wersja
										samodzielna (entropia)</a></li>
							</ul></li>

						<!-- CHARTS (DROPDOWN) -->
						<li id="chartMenu" class="dropdown"
							th:if="${beans.fileList.activeFile}"><a
							class="dropdown-toggle" data-toggle="dropdown" href="#chartMenu">
								Wykresy <b class="caret"> </b>
						</a>
							<ul class="dropdown-menu">
								<li class="nav-header">2D</li>
								<li><a href="module/chart/scatter.html"
									th:href="@{'/module/chart/scatter'}">Rozproszenia</a></li>
								<li><a href="module/chart/line.html"
									th:href="@{'/module/chart/line'}">Liniowy (jakość
										klasyfikatora K-NN)</a></li>
							</ul></li>
					</ul>
					<p class="navbar-text pull-right">Autor: Mariusz Chaniewski</p>
				</div>
			</div>
		</div>
	</div>
	<!-- /TOP MENU -->


	<!-- MESSAGE BOXES -->
	<div class="row-fluid" th:fragment="message-boxes">
		<!-- SUCCESS BOX -->
		<div class="alert alert-success fade in" th:if="${successMsgs}">
			<a class="close" data-dismiss="alert">×</a>
			<h4 class="alert-heading">Sukces!</h4>
			<ul>
				<li th:each="msg : ${successMsgs}" th:utext="${msg}">Success
					message.</li>
			</ul>
		</div>
		<!-- /SUCCESS BOX -->
		<!-- ERROR BOX -->
		<div class="alert alert-error fade in" th:if="${errorMsgs}">
			<a class="close" data-dismiss="alert">×</a>
			<h4 class="alert-heading">Wystąpił błąd!</h4>
			<ul>
				<li th:each="msg : ${errorMsgs}" th:utext="${msg}">Error
					message.</li>
			</ul>
		</div>
		<!-- /ERROR BOX -->
		<!-- WARNING BOX -->
		<div class="alert alert-block fade in" th:if="${warnMsgs}">
			<a class="close" data-dismiss="alert">×</a>
			<h4 class="alert-heading">Pojawił się problem!</h4>
			<ul>
				<li th:each="msg : ${warnMsgs}" th:utext="${msg}">Warning
					message.</li>
			</ul>
		</div>
		<!-- /WARNING BOX -->
		<!-- INFO BOX -->
		<div class="alert alert-info fade in" th:if="${infoMsgs}">
			<a class="close" data-dismiss="alert">×</a>
			<h4 class="alert-heading">Informacje.</h4>
			<ul>
				<li th:each="msg : ${infoMsgs}" th:utext="${msg}">Info message</li>
			</ul>
		</div>
		<!-- /INFO BOX -->
	</div>
	<!-- /MESSAGE BOXES -->


	<!-- DATA BOX -->
	<div class="row-fluid" th:fragment="data-box">
		<table id="dataTable" class="table"
			th:if="${beans.fileList.activeFile.currentRevisionData.asArray}">
			<thead>
				<tr>
					<th
						th:each="header : ${beans.fileList.activeFile.currentRevisionData.asArray[0]}"
						th:text="${header}">Nagłówek</th>
				</tr>
			</thead>
			<tbody>
				<tr
					th:each="row : ${beans.fileList.activeFile.currentRevisionData.asArray}"
					th:unless="${rowStat.first}">
					<td th:each="col : ${row}" th:text="${col}">Dane</td>
				</tr>
			</tbody>
		</table>
	</div>
	<!-- /DATA BOX -->

	<!-- ======================================================== -->
	<!-- Scripts at bottom of page means faster loading times. -->
	<!-- Latest jQuery -->
	<script type="text/javascript"
		src="http://code.jquery.com/jquery-latest.min.js"></script>
	<!-- Bootstrap -->
	<script type="text/javascript" src="../../js/bootstrap.min.js"
		th:src="@{/js/bootstrap.min.js}"></script>
	<!-- DataTable -->
	<script type="text/javascript" src="../../js/jquery.dataTables.min.js"
		th:src="@{/js/jquery.dataTables.min.js}"></script>
	<script type="text/javascript" src="../../js/datatable-bootstrap.js"
		th:src="@{/js/datatable-bootstrap.js}"></script>
	<!-- Custom scripting -->
	<script type="text/javascript" src="../../js/custom/chartscatter.js"
		th:src="@{/js/custom/chartscatter.js}"></script>
	<script type="text/javascript" src="../../js/custom/showhidediv.js"
		th:src="@{/js/custom/showhidediv.js}"></script>
</body>
</html>
